<div style="width: 100%; height: calc(100vh - 88px); padding: 12px 16px; background-color: #EEF0F5;">
  <div style="background-color: #fff; padding: 24px;">
    <nz-tabset>
      <nz-tab nzTitle="文档结构解析">
        <!-- 标题等级 -->
        <div style="margin-bottom: 22px;">
          <span class="span_title">标题级数</span>
          <nz-select style="width: 160px; height: 28px;" name="nzLabel" [nzPlaceHolder]="'请选择标题级数'"
            [(ngModel)]="titleLevel" (ngModelChange)="province($event)">
            <nz-option *ngFor="let option of provinceData" [nzValue]="option.value" [nzLabel]="option.label">
            </nz-option>
          </nz-select>
        </div>
        <!-- 标题等级自动挖掘 -->
        <div style="margin-bottom: 22px;">
          <span class="span_title two_mar">标题等级自动挖掘</span>
          <nz-switch [(ngModel)]="switchValue"></nz-switch>
        </div>
        <!-- 不选择自动挖掘 -->
        <div *ngIf="switchValue == false" class="noauto">
          <div style="display: flex;flex-direction: column;">
            <div class="noauto_div" *ngFor="let item of titleTemplates;let i = index">
              <div class="noauto_font">{{i+1}}.</div>
              <input nz-input placeholder="" [(ngModel)]="item.value" class="noauto_input" />
            </div>
          </div>
        </div>

        <!-- 其他选项 -->
        <div style="margin-bottom: 22px;">
          <span class="span_title">其他选项</span>
          <label nz-checkbox [(ngModel)]="category">移除目录</label>
          <label nz-checkbox [(ngModel)]="headerFooter">移除页眉/页脚</label>
          <label nz-checkbox [(ngModel)]="splitColon">对标题中的冒号进行切割</label>
        </div>
        <!-- 底部button -->
        <div>
          <!-- 保存按钮 -->
          <button class="saveBtn" nz-button nzType="primary" nzDanger (click)="updateConfig()">保存</button>
          <!-- 测试按钮 -->
          <span class="testBtn" (click)="runConfig()">测试</span>
        </div>
      </nz-tab>
      <nz-tab nzTitle="抽取配置">
        <!-- 左侧 -->
        <div class="leftBox">
          <!-- 左侧标签名称 -->
          <div class="left_tab">
            <h3 class="tag_title">标签名称</h3>
            <span class="add_tag" (click)="addTagModel()">新建标签</span>
          </div>
          <!-- 搜索 -->
          <div>
            <nz-input-group [nzSuffix]="suffixIconSearch">
              <input type="text" nz-input placeholder="请输入标签名称"  [(ngModel)]="seekTagValue" (ngModelChange)="seekTag()"/>
            </nz-input-group>
            <ng-template #suffixIconSearch>
              <i nz-icon nzType="search" (click)="seekTag()"></i>
            </ng-template>
          </div>
          <!-- 表格 -->
          <div class="tabBox">
            <!-- <div class="tabTitle">申购起点</div> -->
            <ul class="tabul" *ngFor="let data of AnalysisTagList;let i = index">
              <li class="tabList" [ngClass]="{'tabTitle': selectLabel == i}" (click)="getTagConfig(data,i)"> <span class="DataSpan">{{data.label_name}}</span>
                <!-- hover触碰显示的盒子 -->
                <div class="showBox">
                  <!-- 测试按钮 -->
                  <span class="testImg" (click)="ShowTestModal(data)"></span>
                  <!-- 编辑按钮 -->
                  <span class="editImg" (click)="editTagModel(data)"></span>
                  <!-- 删除按钮 -->
                  <span class="deleteImg" (click)="deleteTag(data)"></span>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <!-- 右侧 -->
        <div class="rightBox" *ngIf="AnalysisTagList.length > 0">
          <h3 class="title_retrieve">标题检索模块</h3>
          <div class="title_retrieve_box">
            <!-- 表格头部 -->
            <div class="title_top">
              <i class="down_i" nz-icon nzType="down" nzTheme="outline"></i>
              <span>规则</span>
              <!--   更新标签title-config -->
              <span *ngIf="activeStatus == false" class="rightSaveBtn" (click)="updatTitleConfig()">保存</span>
              <span *ngIf="activeStatus == true" class="rightSaveBtn" (click)="changeActiveStatus()">编辑</span>
            </div>
            <!-- 下方表格 -->
            <div class="tab_buttom no">
              <!-- 逆向检索 -->
              <div class="reverseBox">
                <span class="reverse_title">逆向检索</span>
                <nz-switch [(ngModel)]="TitleList.is_reverse" [nzDisabled]="activeStatus == true"></nz-switch>
              </div>
              <!-- 标题检索 -->
              <div class="titleBox no" style="position: relative;">
                <span class="title_title">标题检索</span>
                <div style="width: 500px; height: 28px; margin: 10px 0px 10px 80px;" class="right_input"
                  *ngFor="let items of TitleList.search_patterns;let s = index;">
                  <span class="Primary_title">{{getlength(s+1)}}级标题</span>
                  <input class="title_input" nz-input placeholder="请填写标题内容" [(ngModel)]="items.value"
                    [disabled]="activeStatus == true" />
                  <div style="height: auto;" class="right_btn" *ngIf="s != 0">
                    <button style="border:0;outline:none;background-color: transparent;" [ngClass]="{'not-allowed': activeStatus == true}" class="deleteBtn" (click)="deleteTitle(i,s)"></button>
                  </div>
                </div>
                <!-- 添加标题按钮 -->
                <div style="width: 70px;" class="addTitle" *ngIf="activeStatus == false" (click)="addTitle(s)">
                  <img src="../../../../../assets/images/icon_add.png" alt=""> 添加标题
                </div>
              </div>
            </div>
          </div>
          <!-- 数据处理 -->
          <h3 class="title_retrieve" style="margin: 0px; margin-top: 20px;">数据处理</h3>
          <!-- 工作流 -->
          <div class="dataManageBox" *ngFor="let item of workflowList; let i = index">
            <!-- 头部 -->
            <div class="title_top">
              <i class="down_i" nz-icon nzType="down" nzTheme="outline"></i>
              <span>工作流</span>
              <div class="rightBoxBtn">
                <span (click)="testWorkflow(item.workflow_id)">测试</span>
                <span class="line"></span>
                <span (click)="deleteWorkflow(i,item.workflow_id)">删除</span>
              </div>
            </div>
            <!-- 内容 -->
            <div class="tableBox">
              <div class="table_row" *ngFor="let data of item.ops; let s = index">
                <span class="left_title">操作</span>
                <nz-select style="width: 160px; height: 28px;" [nzDisabled]="!data.isAble" [(ngModel)]="data.op"
                  (ngModelChange)="operationSelect($event,i,s)">
                  <nz-option *ngFor="let p of provinceDatas" [nzValue]="p.type" [nzLabel]="p.op"></nz-option>
                </nz-select>
                <span style="margin-left: 30px;" class="left_title">类型</span>
                <nz-select style="width: 160px; height: 28px;" [nzDisabled]="!data.isAble" [(ngModel)]="data.type"
                  (ngModelChange)="typeSelect($event)">
                  <nz-option *ngFor="let c of cityData[data.op]" [nzValue]="c.type" [nzLabel]="c.op"></nz-option>
                </nz-select>
                <!-- 关键词 -->
                <span style="margin-left: 30px;" class="left_title"
                  *ngIf="data.op == 'filter'">关键词</span>
                <input style="width: 360px; height: 28px;" nz-input [disabled]="!data.isAble"
                  *ngIf="data.op == 'filter'" [(ngModel)]="data.keywords" placeholder="多个关键词用逗号分隔" />
                <!-- 正则表达式 -->
                <span style="margin-left: 30px;"*ngIf="data.op == 'search'" class="left_title">正则表达式</span>
                <input style="width: 360px; height: 28px;" [(ngModel)]="data.pattern" *ngIf="data.op == 'search'" [disabled]="!data.isAble" nz-input placeholder="匹配的正则表达式"/>
                <!-- 默认展示 -->
                <!-- <span style="margin-left: 30px;"*ngelse class="left_title">正则表达式</span>
                                    <input style="width: 360px; height: 28px;" *ngelse  nz-input placeholder="多个关键词用逗号分隔"/> -->
                <div class="right_btn">
                  <!-- 编辑按钮 -->
                  <i style="font-size: 17px; margin-right: 8px;" nz-icon nzType="edit" nzTheme="outline"
                    (click)="editWorkflow(i,s)" *ngIf="data.isAble == false"></i>
                  <!-- 更新按钮 -->
                  <span class="finishBtn" (click)="updateOperator(i,s,data.op_id)" *ngIf="data.isAble == true"></span>
                  <!-- 删除按钮 -->
                  <span class="deleteBtn" (click)="deleteOperator(i,s,data.op_id)"></span>
                </div>

              </div>
              <!-- 添加规则按钮 -->
              <div style="margin: 16px 0px 0px 0px; width: 70px;" class="addTitle" (click)="addRule(i)">
                <img src="/assets/images/icon_add.png" alt="">
                添加规则
              </div>
            </div>
          </div>
          <!-- 模型工作流 -->
          <div class="dataManageBox" *ngFor="let itemData of ModelDataList; let i = index">
            <!-- 头部 -->
            <div class="title_top">
              <i class="down_i" nz-icon nzType="down" nzTheme="outline"></i>
              <span>工作流</span>
              <div class="rightBoxBtn">
                <span (click)="testModelModel(itemData.workflow_id)">测试</span>
                <span class="line"></span>
                <span (click)="deleteModelWorkflow(i,itemData.workflow_id)">删除</span>
              </div>
            </div>
            <!-- 内容 -->
            <!-- 模型工作流 -->
            <div class="tableBox">
              <div style="border-bottom: 0px; padding-bottom: 0px;" class="table_Model">
                <!-- *ngFor="let datas of itemData.modelOps" -->
                <span style="color: #8A8E99;" class="left_title_model"> <span>模型名称</span>  
                  <span style="color: #252B3A;" class="modelName">{{itemData.model_name}}</span>
                </span>
                <span style="color: #8A8E99; margin-left: 30px;" class="left_title_model">任务类型 
                  <span style="color: #252B3A;">{{itemData.task_type}}</span>
                </span>
                <span style="color: #8A8E99; margin-left: 40px;" class="left_title_model">描述 
                  <span class="modeldescription" style="color: #252B3A;">{{itemData.description}}</span>
                </span>
              </div>
            </div>
          </div>
          <div style="margin-top: 15px;">
            <!-- 添加规则工作流 -->
            <div style="float: left; margin: 0px 60px 0px 0px; width: 110px;" class="addTitle" (click)="addWorkflow()">
              <img src="../../../../../assets/images/icon_add.png" alt=""> 添加规则工作流
            </div>
            <!-- 添加规则模型 -->
            <div style="float: left; margin: 0px; width: 110px;" class="addTitle" (click)="ShowModalWork()">
              <img src="assets/images/icon_add.png" alt=""> 添加模型工作流
            </div>
          </div>
        </div>

      </nz-tab>
    </nz-tabset>
  </div>
</div>
<!-- 添加模型工作流模态框 -->
<nz-modal [(nzVisible)]="Modalwork" [nzWidth]='700' nzCentered='true' [nzFooter]=null (nzOnCancel)="workModalCancel()">
  <ng-container *nzModalContent>
    <div class="workFlowTitle">添加模型工作流</div>
    <nz-table #basicTable [nzData]="listOfData" nzFrontPagination="false" [nzSize]="'small'" [nzEllipsis]="true">
      <thead>
        <tr class="modal_work_th">
          <th style="padding-left: 10px;background-color: #F2F5FC;">模型名称</th>
          <th style="background-color: #F2F5FC;">任务类型</th>
          <th style="background-color: #F2F5FC;">描述</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of basicTable.data let i = index" class="modal_work_td">
          <td>
            <nz-radio-group nzName="one" [(ngModel)]="radioValue" (ngModelChange)="ModelSelect(data)">
              <label class="labelData" nz-radio [nzValue]="data.model_id">{{data.model_name}}</label>
            </nz-radio-group>
          </td>
          <td>{{ data.task_type }}</td>
          <td>
            <span class="labelData">{{ data.description }}</span>
          </td>
        </tr>
      </tbody>
    </nz-table>
    <nz-pagination [(nzPageIndex)]="current" [nzTotal]="50" [nzSize]="'small'" nzShowSizeChanger nzShowQuickJumper>
    </nz-pagination>
    <div class="workflow_button">
      <div class="workflow_ok" (click)="workModalOk()">确定</div>
      <div class="workflow_cancel" (click)="workModalCancel()">取消</div>
    </div>
  </ng-container>

</nz-modal>


<!-- 文档结构解析测试按钮的模态框 -->
<nz-modal [(nzVisible)]="Modalstructu" [nzWidth]='900' nzTitle="测试" (nzOnCancel)="TestCancel()" [nzFooter]=null>
  <ng-container *nzModalContent>
    <div class="ModalHead">
      <span class="TestHint">测试文件</span>
      <!-- 选择器 -->
      <div class="select" (click)="ShowSelectModal();$event.stopPropagation();">
        <span class="hint" *ngIf="getSelectorName() == ''">请先选择测试文件</span>
        <span class="hint newline">{{getSelectorName()}}</span>
        <i style="float: right; margin: 9px 10px 9px 0px;" nz-icon nzType="caret-down" nzTheme="outline"></i>
      </div>
      <!-- 点击选择器 弹出的模态框 -->
      <div class="selectModelBox" *ngIf="selectModel">
        <div style="border-bottom: 1px solid rgb(233, 233, 233);">
          <!-- 全选 -->
          <label style="margin: 15px 0px;" nz-checkbox [(ngModel)]="master" (ngModelChange)="checkAll()">
            全选
          </label>
          <span>({{selectorName.length}}/{{selectorLength}})</span>
          <!-- 搜索 -->
          <div style="float: right;">
            <nz-input-group style="margin: 10px 0px; width: 200px;" [nzSuffix]="suffixIconSearch">
              <input type="text" nz-input placeholder="请输入文件名称" [(ngModel)]="seekFileValueOne" (ngModelChange)="seekFileOne()"/>
            </nz-input-group>
            <ng-template #suffixIconSearch>
              <i nz-icon nzType="search"></i>
            </ng-template>
          </div>
        </div>
        <div class="labelList">
          <span class="labelListSelect">
            <label
              class="labels"
              *ngFor="let item of checkOptionsOne; let i = index" 
              nz-checkbox
              [(ngModel)]="item.checked"
              (ngModelChange)="selectSingle(item.file_id,item.file_name,i,item.checked)">
              {{item.file_name}}
            </label>
          </span>
        </div>
        <div style="border-top: 1px solid rgb(233, 233, 233);">
          <div style="float: right; margin: 10px 0px;">
            <button style="margin-right: 8px;" nz-button nzType="default"
              (click)="selectOk();$event.stopPropagation();">确定</button>
            <!-- <button nz-button nzType="default" (click)="selectCancel();$event.stopPropagation();">取消</button> -->
          </div>
        </div>
      </div>
      <button nz-button nzType="default" (click)="TestStart()">开始测试</button>
      <!-- 以后没点击测试 不显示 -->
      <div class="copyimgs btn_hand" *ngIf="JobTestId != ''" (click)="downLoad()">
        <img src="../../../../../assets/images/download.png" alt="">
      </div>

    </div>
    <!-- 如果没有数据渲染无数据 -->
    <!-- <div class="noDataBox">
            <nz-empty></nz-empty>
        </div> -->
    <!-- 如果有数据渲染数据页面 -->
    <div class="DataBox">
      <div class="DataList" *ngFor="let item of Jobcontent">
        <p style="margin:16px 0px 4px 0px;">文件名称：{{item.file_name}}</p>
        <div class="ShowDataBox">
          <p class="jobspan" style="margin-bottom:16px;" (click)="ShowDataBox(item)">抽取结果：{{item.extract_result}}</p>
        </div>
      </div>
    </div>
  </ng-container>
</nz-modal>


<!-- 抽取配置标签测试按钮的模态框 -->
<nz-modal [(nzVisible)]="Modaltest" [nzWidth]='900' nzTitle="测试" (nzOnCancel)="TestCancel()" [nzFooter]=null>
  <ng-container *nzModalContent>
    <div class="ModalHead">
      <span class="TestHint">测试文件</span>
      <!-- 选择器 -->
      <div class="select" (click)="ShowSelectConfigModal();$event.stopPropagation();">
        <span class="hint" *ngIf="getSelectorConfigName() == ''">请先选择测试文件</span>
        <span class="hint newline">{{getSelectorConfigName()}}</span>
        <i style="float: right; margin: 9px 10px 9px 0px;" nz-icon nzType="caret-down" nzTheme="outline"></i>
      </div>
      <!-- 点击选择器 弹出的模态框 -->
      <div class="selectModelBox" *ngIf="selectConfigModel">
        <div style="border-bottom: 1px solid rgb(233, 233, 233);">
          <!-- 全选 -->
          <label style="margin: 15px 0px;" nz-checkbox [(ngModel)]="configMaster" (ngModelChange)="checkConfigAll()">
            全选
          </label>
          <span>({{selectorConfigName.length}}/{{selectorLength}})</span>
          <!-- 搜索 -->
          <div style="float: right;">
            <nz-input-group style="margin: 10px 0px; width: 200px;" [nzSuffix]="suffixIconSearch">
              <input type="text" nz-input placeholder="请输入文件名称" [(ngModel)]="seekFileValueTwo" (ngModelChange)="seekFileTwo()"/>
            </nz-input-group>
            <ng-template #suffixIconSearch>
              <i nz-icon nzType="search"></i>
            </ng-template>
          </div>
        </div>
        <div>
          <span class="labelListSelect">
            <label class="labels" *ngFor="let item of checkOptionsTwo; let i = index" nz-checkbox
            [(ngModel)]="item.checked"
            (ngModelChange)="selectConfigSingle(item.file_id,item.file_name,i,item.checked)">{{item.file_name}}</label>
          </span>
        </div>
        <div style="border-top: 1px solid rgb(233, 233, 233);">
          <div style="float: right; margin: 10px 0px;">
            <button style="margin-right: 8px;" nz-button nzType="default"
              (click)="selectConfigOk();$event.stopPropagation();">确定</button>
            <!-- <button nz-button nzType="default" (click)="selectConfigCancel();$event.stopPropagation();">取消</button> -->
          </div>
        </div>
      </div>
      <button nz-button nzType="default" (click)="TestConfigStart()">开始测试</button>
      <!-- 以后没点击测试 不显示 -->
      <div class="copyimgs btn_hand" (click)="downLoad()">
        <img src="assets/images/download.png" alt="">
      </div>
    </div>
    <!-- 如果没有数据渲染无数据 -->
    <!-- <div class="noDataBox">
            <nz-empty></nz-empty>
        </div> -->
    <!-- 如果有数据渲染数据页面 -->
    <div class="DataBox">
      <div class="DataList" *ngFor="let item of conifgJobcontent">
        <p style="margin:16px 0px 4px 0px;">文件名称：{{item.file_name}}</p>
        <div class="ShowDataBox">
          <p class="jobspan" style="margin-bottom:16px;" (click)="ModaltestData(item)">抽取结果：{{item.extract_result}}</p>
        </div>
        
      </div>
    </div>
  </ng-container>
</nz-modal>


<!-- 抽取配置工作流测试按钮的模态框 -->
<nz-modal [(nzVisible)]="ModalWorkflow" [nzWidth]='900' nzTitle="测试" (nzOnCancel)="TestCancel()" [nzFooter]=null>
  <ng-container *nzModalContent>
    <div class="ModalHead">
      <span class="TestHint">测试文件</span>
      <!-- 选择器 -->
      <div class="select" (click)="ShowSelectWorkflowModal();$event.stopPropagation();">
        <span class="hint" *ngIf="getSelectorWorkflowName() == ''">请先选择测试文件</span>
        <span class="hint newline">{{getSelectorWorkflowName()}}</span>
        <i style="float: right; margin: 9px 10px 9px 0px;" nz-icon nzType="caret-down" nzTheme="outline"></i>
      </div>
      <!-- 点击选择器 弹出的模态框 -->
      <div class="selectModelBox" *ngIf="selectWorkflowModel">
        <div style="border-bottom: 1px solid rgb(233, 233, 233);">
          <!-- 全选 -->
          <label style="margin: 15px 0px;" nz-checkbox [(ngModel)]="workflowMaster"
            (ngModelChange)="checkWorkflowAll()">
            全选
          </label>
          <span>({{selectorWorkflowName.length}}/{{selectorLength}})</span>
          <!-- 搜索 -->
          <div style="float: right;">
            <nz-input-group style="margin: 10px 0px; width: 200px;" [nzSuffix]="suffixIconSearch">
              <input type="text" nz-input placeholder="请输入文件名称" [(ngModel)]="seekFileValueThree" (ngModelChange)="seekFileThree()" />
            </nz-input-group>
            <ng-template #suffixIconSearch>
              <i nz-icon nzType="search"></i>
            </ng-template>
          </div>
        </div>
        <div>
          <span class="labelListSelect">
            <label class="labels" *ngFor="let item of checkOptionsThree; let i = index" nz-checkbox
            [(ngModel)]="item.checked"
            (ngModelChange)="selectWorkflowSingle(item.file_id,item.file_name,i,item.checked)">{{item.file_name}}</label>
          </span>
         
        </div>
        <div style="border-top: 1px solid rgb(233, 233, 233);">
          <div style="float: right; margin: 10px 0px;">
            <button style="margin-right: 8px;" nz-button nzType="default"
              (click)="selectWorkflowOk();$event.stopPropagation();">确定</button>
            <!-- <button nz-button nzType="default" (click)="selectWorkflowCancel();$event.stopPropagation();">取消</button> -->
          </div>
        </div>
      </div>
      <button nz-button nzType="default" (click)="TestWorkflowStart()">开始测试</button>
      <!-- 以后没点击测试 不显示 -->
      <div class="copyimgs btn_hand" (click)="downLoad()">
        <img src="assets/images/download.png" alt="">
      </div>
    </div>
    <!-- 如果没有数据渲染无数据 -->
    <!-- <div class="noDataBox">
            <nz-empty></nz-empty>
        </div> -->
    <!-- 如果有数据渲染数据页面 -->
    <div class="DataBox">
      <div class="DataList" *ngFor="let item of conifgJobcontent">
        <p style="margin:16px 0px 4px 0px;">文件名称：{{item.file_name}}</p>
        <div class="ShowDataBox">
          <p class="jobspan" style="margin-bottom:16px;" (click)="ModalWorkflowData(item)">抽取结果：{{item.extract_result}}</p>
        </div>
      </div>
    </div>
  </ng-container>
</nz-modal>


<!-- 抽取配置模型工作流测试按钮的模态框 -->
  <nz-modal [(nzVisible)]="ModalWorkflowShow" [nzWidth]='900' nzTitle="测试" (nzOnCancel)="TestCancel()" [nzFooter]=null>
    <ng-container *nzModalContent>
      <div class="ModalHead">
        <span class="TestHint">测试文件</span>
        <!-- 选择器 -->
        <div class="select" (click)="ModelSelectWorkflowModal();$event.stopPropagation();">
          <span class="hint" *ngIf="getModelSelectorWorkflowName() == ''">请先选择测试文件</span>
          <span class="hint newline">{{getModelSelectorWorkflowName()}}</span>
          <i style="float: right; margin: 9px 10px 9px 0px;" nz-icon nzType="caret-down" nzTheme="outline"></i>
        </div>
        <!-- 点击选择器 弹出的模态框 -->
        <div class="selectModelBox" *ngIf="selectModelWorkflowModel">
          <div style="border-bottom: 1px solid rgb(233, 233, 233);">
            <!-- 全选 -->
            <label style="margin: 15px 0px;" nz-checkbox [(ngModel)]="ModelworkflowMaster"
              (ngModelChange)="ModelcheckWorkflowAll()">
              全选
            </label>
            <span>({{selectorWorkflowName.length}}/{{selectorLength}})</span>
            <!-- 搜索 -->
            <div style="float: right;">
              <nz-input-group style="margin: 10px 0px; width: 200px;" [nzSuffix]="suffixIconSearch">
                <input type="text" nz-input placeholder="请输入文件名称" [(ngModel)]="seekFileValueFour" (ngModelChange)="seekFileFour()" />
              </nz-input-group>
              <ng-template #suffixIconSearch>
                <i nz-icon nzType="search"></i>
              </ng-template>
            </div>
          </div>
          <div>
            <span class="labelListSelect">
              <label class="labels" *ngFor="let item of checkOptionsFour; let i = index" nz-checkbox
              [(ngModel)]="item.checked"
              (ngModelChange)="ModelselectWorkflowSingle(item.file_id,item.file_name,i,item.checked)">{{item.file_name}}</label>
            </span>
          </div>
          <div style="border-top: 1px solid rgb(233, 233, 233);">
            <div style="float: right; margin: 10px 0px;">
              <button style="margin-right: 8px;" nz-button nzType="default"
                (click)="selectModelWorkflowOk();$event.stopPropagation();">确定</button>
              <!-- <button nz-button nzType="default" (click)="selectModelWorkflowCancel();$event.stopPropagation();">取消</button> -->
            </div>
          </div>
        </div>
        <button nz-button nzType="default" (click)="TestModelWorkflowStart()">开始测试</button>
        <!-- 以后没点击测试 不显示 -->
        <div class="copyimgs btn_hand" (click)="downLoad()">
          <img src="assets/images/download.png" alt="">
        </div>
      </div>
      <!-- 如果没有数据渲染无数据 -->
      <!-- <div class="noDataBox">
              <nz-empty></nz-empty>
          </div> -->
      <!-- 如果有数据渲染数据页面 -->
      <div class="DataBox">
        <div class="DataList" *ngFor="let item of conifgJobcontent">
          <p style="margin:16px 0px 4px 0px;">文件名称：{{item.file_name}}</p>
          <p class="jobspan" style="margin-bottom:16px;"(click)="ModalWorkflowShowData(item)">抽取结果：{{item.extract_result}}</p>
        </div>
      </div>
    </ng-container>
  </nz-modal>


<!-- 删除的模态框 -->
<nz-modal [(nzVisible)]="deleteWorkflowShow" nzTitle="删除" [nzWidth]='400' [nzFooter]=null nzCentered
  (nzOnCancel)="deleteshut()">
  <ng-container *nzModalContent>
    <p>确定删除吗？</p>
    <div style="display: flex; justify-content: flex-end;">
      <button style="margin-right: 4px;" nz-button nzType="primary" nzDanger (click)="deleteOk()">确定</button>
      <button nz-button nzType="default" (click)="deleteshut()">取消</button>
    </div>
  </ng-container>
</nz-modal>

<!-- 添加标签的模态框 -->
<nz-modal [(nzVisible)]="addTagModelShow" nzTitle="新建标签" [nzWidth]='400' [nzFooter]=null nzCentered
  (nzOnCancel)="deleteshut()">
  <ng-container *nzModalContent>
    <div style="position: relative;">
      <input nz-input placeholder="请输入新建标签" [ngClass]="{'borderReds':addTagValue.length === 50}"
        [(ngModel)]="addTagValue" maxlength="50" />
      <span *ngIf="addTagValue.length === 50" class="NameHint">最大字符长度为50</span>
    </div>
    <div style="display: flex; justify-content: flex-end; margin-top: 16px;">
      <button style="margin-right: 4px;" nz-button nzType="primary" nzDanger (click)="addTag()">确定</button>
      <button nz-button nzType="default" (click)="deleteshut()">取消</button>
    </div>
  </ng-container>
</nz-modal>

<!-- 修改标签的模态框 -->
<nz-modal [(nzVisible)]="editTagModelShow" nzTitle="修改标签" [nzWidth]='400' [nzFooter]=null nzCentered
  (nzOnCancel)="deleteshut()">
  <ng-container *nzModalContent>
    <div style="position: relative;">
      <input nz-input [ngClass]="{'borderReds':editTagValue.length === 50}" [(ngModel)]="editTagValue" maxlength="50" />
      <span *ngIf="editTagValue.length === 50" class="NameHint">最大字符长度为50</span>
    </div>
    <div style="display: flex; justify-content: flex-end; margin-top: 16px;">
      <button style="margin-right: 4px;" nz-button nzType="primary" nzDanger (click)="updatTagTitle()">确定</button>
      <button nz-button nzType="default" (click)="deleteshut()">取消</button>
    </div>
  </ng-container>
</nz-modal>

<!-- 删除的模态框 -->
<nz-modal [(nzVisible)]="deleteTagShow" nzTitle="删除" [nzWidth]='400' [nzFooter]=null nzCentered
  (nzOnCancel)="deleteshut()">
  <ng-container *nzModalContent>
    <p>确定删除吗？</p>
    <div style="display: flex; justify-content: flex-end;">
      <button style="margin-right: 4px;" nz-button nzType="primary" nzDanger (click)="deleteTagOk()">确定</button>
      <button nz-button nzType="default" (click)="deleteshut()">取消</button>
    </div>
  </ng-container>
</nz-modal>

<!-- 删除op工作流的模态框 -->
<nz-modal [(nzVisible)]="deleteWorkOpShow" nzTitle="删除" [nzWidth]='400' [nzFooter]=null nzCentered
  (nzOnCancel)="deleteshut()">
  <ng-container *nzModalContent>
    <p>确定删除吗？</p>
    <div style="display: flex; justify-content: flex-end;">
      <button style="margin-right: 4px;" nz-button nzType="primary" nzDanger (click)="deleteWorkOk()">确定</button>
      <button nz-button nzType="default" (click)="deleteshut()">取消</button>
    </div>
  </ng-container>
</nz-modal>

<!-- 删除模型工作的模态框 -->
<!-- 删除op工作流的模态框 -->
<nz-modal [(nzVisible)]="deleteModelWorkShow" nzTitle="删除" [nzWidth]='400' [nzFooter]=null nzCentered
  (nzOnCancel)="deleteshut()">
  <ng-container *nzModalContent>
    <p>确定删除吗？</p>
    <div style="display: flex; justify-content: flex-end;">
      <button style="margin-right: 4px;" nz-button nzType="primary" nzDanger (click)="deleteModelWorkOk()">确定</button>
      <button nz-button nzType="default" (click)="deleteshut()">取消</button>
    </div>
  </ng-container>
</nz-modal>

<!-- 显示测试结果全部文本的模态框 -->
<nz-modal [(nzVisible)]="ShowDataValue" nzTitle="{{ShowDataName}}" [nzWidth]='600' [nzFooter]=null nzCentered (nzOnCancel)="deleteshut()">
  <ng-container *nzModalContent>
    <div class="ShowData">{{ShowDataExtract}}</div>
  </ng-container>
</nz-modal>